@charset "utf-8";

/* 
	Name: jojolong
	Author: 吉金龙
	Verson: 0.1
	Date: 2015.05.21
*/

/* CSS Document */
body{ background:#fff;}
ul,li{ list-style:none;}
a{color:#333;}
a:hover{ color:#ff4a00; text-decoration:none;}
.clearfix{ *zoom:1;}
.clearfix:after{ content:""; display:table; ine-height:0;}
.png{ background:url(../images/png.png) no-repeat;}
.w1200{ width:1200px; margin:0 auto;}
.blank0{ height:0; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank5{ height:5px; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank10{ height:10px; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank20{ height:20px; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank30{ height:30px; width:100%; float:none; clear:both; display:block; overflow:hidden;}
.blank40{ height:40px; width:100%; float:none; clear:both; display:block; overflow:hidden;}

/*  -------  头部  ------  */
#Top{}
.TopT{ background:#efefef;}
.TopTBox{ line-height:29px; color:#666;}
.TopTBox p{ float:left;}
.TopTBox ul{ float:right; width:auto;}
.TopTBox ul li{ float:left; position:relative; width:48px; text-align:center;}
.TopTBox .wx{ display:none; position:absolute; top:27px; right:-57px; z-index:100;}
.TopTBox .li_wx:hover .wx{ display:block;}
.TopTBox ul li a{ color:#666;}
.TopTBox ul li a:hover{ color:#ff4901;}
.TopTBox ul li span{ padding:0 15px;}
.TopC{ padding-top:25px;height:86px;  position:relative;}
.TopC .hot{position:absolute;top: 86px;left: 338px;}
.TopC h1{ float:left; margin-right:205px;}
.logoText1,.logoText2,.logoText3{ display:inline-block;color:#666; vertical-align:top; width:180px;}
.logoText1:hover .red,.logoText2:hover .red,.logoText3:hover .red{ color:#ff4901;}
.logoText1 dl .red,.logoText2 dl .red,.logoText3 dl .red{ padding-top:12px; font-size:15px;}
.logoText1 dl dt{ float:left; width:61px; height:61px;background:url(../images/top_pic1.png) no-repeat;z-index:10;}
.logoText1:hover dt{ /*background:url(../images/top_pic11.png) no-repeat;*/}
.logoText2 dl dt{ float:left;width:61px; height:61px;background:url(../images/top_pic2.png) no-repeat;z-index:10;}
.logoText2:hover dt{ /*background:url(../images/top_pic22.jpg) no-repeat;*/ }
.logoText3 dl dt{ float:left;width:61px; height:61px;background:url(../images/top_pic3.png) no-repeat;z-index:10;}
.logoText3:hover dt{ /*background:url(../images/top_pic33.png) no-repeat;*/}
.inTel{ display:inline-block; vertical-align:top; float:right;}
.inTel .p1{ color:#666; line-height:20px;}
.inTel .p1 span{ font-size:24px; color:#ff4901;}
.inTel .p2{ color:#666; line-height:23px;}
.inTel .p2 span{ font-size:12px; color:#000;}
.TopB{ height:40px; background-position:center 0; background-repeat:repeat-x;background:#ff4901;}
.inNav{ }
.inNav ul{}
.inNav ul li.span{ float:left; line-height:40px; margin-right:1px;}
.inNav ul li.span a.span{ color:#fff; padding:0 28px; font-size:15px; float:left;}
.inNav ul li.span a.span:hover{ color:#fff;}
.inNav ul li.span a.span:hover,.inNav ul li.span.cur a.span,.inNav ul li.span.on2 a.span{ background:#d83d00;}
.inNav ul li.span.on{ position:relative; z-index:6;}

/*  ---  首页  ---  */
.Banner{ overflow:hidden; height:450px; position:relative;}
.Banner .bd{ height:450px; position:relative; z-index:5;}
.Banner .bd li{ float:left;}
.Banner .bd img{ width:1920px; height:450px; display:block;}
.Banner .hd{ position:relative; z-index:6;}
.hdBox{ position:absolute; left:50%; top:-28px;}
.Banner .hd ul{ margin-left:-50%;}
.Banner .hd ul li{ width:13px; height:13px; overflow:hidden; background:#fff; float:left; text-indent:-999px; cursor:pointer; margin:0 5px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%;}
.Banner .hd ul li.on{ background:#de1616;}

.box .tt h2{ float:left; background:url(../images/icon_1.png) no-repeat 0px 6px; height:35px; }
.box .tt h2 span{font-size:25px; color:#ff4a00; padding-left:32px;}
.box .tt .tt_li{ float:right;}
.box .tt .tt_li ul li{ float:left; margin-left:20px;}
.box .tt .tt_li ul li a{ font-size:15px;}
.box .tt .tt_li ul li a:hover{color:#ff4a00;}

.box .ty h2{ float:left; background:url(../images/icon_2.png) no-repeat 0px 6px; height:35px; }
.box .ty h2 span{font-size:25px; color:#ff4a00; padding-left:32px;}
.box .ty .tt_li{ float:right;}
.box .ty .tt_li ul li{ float:left; margin-left:20px;}
.box .ty .tt_li ul li a{ font-size:15px;}
.box .ty .tt_li ul li a:hover{color:#ff4a00;}

.box .tu h2{ float:left; background:url(../images/icon_3.png) no-repeat 0px 6px; height:35px; }
.box .tu h2 span{font-size:25px; color:#ff4a00; padding-left:32px;}
.box .tu .tt_li{ float:right;}
.box .tu .tt_li ul li{ float:left; margin-left:20px;}
.box .tu .tt_li ul li a{ font-size:15px;}
.box .tu .tt_li ul li a:hover{color:#ff4a00;}

.box .box_1 .box_1_1{ float:left;}
.box .box_1 .box_1_1 img{ width:245px; height:304px;}
.box .box_1 .box_1_2{ float:right;}
.box .box_1 .box_1_2 .box_1_3 img{width:290px; height:211px;border:0px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.box .box_1 .box_1_2 .box_1_3 .cl{ width:288px; height:85px; margin-top:5px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.box .box_1 .box_1_2 .box_1_3 .cl .title{ padding:10px 15px;}
.box .box_1 .box_1_2 .box_1_3 .cl .title a{ font-size:20px; color:#e74300;}
.box .box_1 .box_1_2 .box_1_3 .cl .pice{font-size:14px; color:#666; padding-left:15px;}
.box .box_1 .box_1_2 .box_1_3 .cl .pice span{ font-size:15px; color:#000; padding-left:10px;text-decoration:line-through;}

.box1 .industry .ind1,.box1 .industry .ind2,.box1 .industry .ind3{ margin-left:82px;}
.box1 .industry dl dt{width:174px; height:174px;}
.box1 .industry .ind dl dt a{ background:url(../images/pic_bg4.png) no-repeat 0px 88px; padding:88px 88px 176px 88px;}
.box1 .industry .ind dt a:hover{/* background:url(../images/pic_bg44.png) no-repeat 0px 88px;*/}

.box1 .industry .ind1 dl dt a{ background:url(../images/pic_bg9.png) no-repeat 0px 88px; padding:88px 88px 176px 88px;}
.box1 .industry .ind1 dt a:hover{/* background:url(../images/pic_bg99.png) no-repeat 0px 88px;*/}

.box1 .industry .ind2 dl dt a{ background:url(../images/pic_bg6.png) no-repeat 0px 88px; padding:88px 88px 176px 88px;}
.box1 .industry .ind2 dt a:hover{/* background:url(../images/pic_bg66.png) no-repeat 0px 88px;*/}

.box1 .industry .ind3 dl dt a{ background:url(../images/pic_bg7.png) no-repeat 0px 88px; padding:88px 88px 176px 88px;}
.box1 .industry .ind3 dt a:hover{ /*background:url(../images/pic_bg77.png) no-repeat 0px 88px;*/}

.box1 .industry .ind4 dl dt a{ background:url(../images/pic_bg8.png) no-repeat 0px 88px; padding:88px 88px 176px 88px;}
.box1 .industry .ind4 dt a:hover{/* background:url(../images/pic_bg88.png) no-repeat 0px 88px;*/}

.box1 .industry dl dd{ text-align:center; margin-top:15px;}
.box1 .industry dl dd a{ font-size:15px;}
.box1 .industry dl dd a:hover{color:#ff4a00;}

.box2{ min-height:800px; background:#eee;}
.box2_pb img{ width:270px; height:210px;border:0px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.b_pb{ background:#fff;}
.b_pb ul li{width:276px; float:left; margin:10px 12px;border:0px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.b_pb .water_pic img{ width:270px; height:210px;padding:4px 0px 0px 5px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}

.box3{ background:url(../images/about_bg.jpg) center no-repeat; height:406px;}
.box3 .box3_img img{ width:451px; height:377px;margin-top: 27px;}
.box3 .bow3_r_1 .about h2 a{ font-size:25px; color:#ff4a00;}
.box3 .bow3_r_1 .about p{ margin-top:6px; line-height:18px; color:#666;font-size: 14px;}
.box3 .bow3_r_1 .ab .ab_1{ width:220px;}
.box3 .bow3_r_1 .ab dl dt{ width:61px; height:61px; float:left; margin-right:20px;}
.box3 .bow3_r_1 .ab dl dd{padding-top:0px; font-size:15px; color:#ff4a00;}

.box4{ height:455px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */ }
.box4 .box4_con ul li{ float:left; width:370px; margin:10px 14px; position:relative; background:#eee;border:1px solid #fff;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.box4 .box4_con ul li dl dt{ float:left; margin-right:15px;}
.box4 .box4_con ul li dl dt img{width:147px; height:144px;border:0px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.box4 .box4_con ul li dl .dd_1{ padding-top:15px;}
.box4 .box4_con ul li dl .dd_1 a{ font-size:15px; color:#000;}
.box4 .box4_con ul li dl .dd_2{ padding-top:10px; line-height:22px; margin-right:10px; color:#666;}
.box4 .box4_con .pos{ display:none; position:absolute; top:0px; left:0px;}
.box4 .box4_con .pos img{ width:368px; height:144px;}
.box4 .box4_con ul li:hover .pos{ display:block;}

.box5{height:470px; background:#eee;}
.box5 .box5_q{background:#fff; height:410px;border:1px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */ }
.box5 .box5_q img{ width:270px; height:125px;}
.box5 .box5_q .box5_1{ margin:auto 15px;}
.box5 .box5_q .box5_1 h2{ height:40px; line-height:40px;}
.box5 .box5_q .box5_1 h2 a{ font-size:20px; color:#000;}
.box5 .box5_q .box5_1 ul li{ margin-top:10px; width:270px}
.box5 .box5_q .box5_1 ul li span{ width: 4px;height: 4px;float: left;background-color: #999;margin: 9px 8px 0 0px;}
.box5 .box5_q .box5_1 ul li a{ font-size:15px;}

/*  ---  新闻页样式  ---  */
.con{ min-height:800px; background:#eee;}
.con .cl_nav{ height:50px; text-align:center; padding-top:30px;float:left;padding-left: 55px;}
.con .cl_nav a{ padding:3px 20px; font-size:20px;}
.con .cl_nav a:hover{ background:#ff4a00; color:#fff; border:0px solid #ff4a00;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */ }
.con .list_news ul li{ float:left; width:356px;cursor: pointer; background:#fff; margin:20px 22px;border:0px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */
  -webkit-box-shadow: 3px 3px 3px;  
  -moz-box-shadow: 3px 3px 3px;  
  box-shadow: 1px 1px 6px;  
}
.cuur{ background:#ff4a00;border:0px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */ color:#fff;}
.con .list_news ul li .news dt img{ margin:10px; width:336px; height:157px;}
.con .list_news ul li:hover{ background:#ff3600; color:#fff;}
.con .list_news ul li .news dd{ margin:10px 10px;font-size:13px; height:52px;}
.con .list_news ul li .news .news_d1{ font-size:15px;}
.con .list_news ul li .news .news_d1 a:hover,.con .list_news ul li .news .news_d2 a:hover,.con .list_news ul li .tj a:hover{color:#fff;}
.con .list_news ul li .news .news_d1 span{ float:right;}
.con .list_news ul li .news .news_d2 a{ font-size:12px; color:#666;}
.con .list_news ul li .news .news_d2{font-size:12px;}

.con .list_news ul li .new_kp dt img{ margin:10px; width:340px; height:340px;}
.con .list_news ul li:hover{ background:#ff3600; color:#fff;}
.con .list_news ul li .new_kp dd{ margin:10px 10px;font-size:13px; height:52px;}
.con .list_news ul li .new_kp .news_d1{ font-size:15px;}
.con .list_news ul li .new_kp .news_d1 a:hover,.con .list_news ul li .news .news_d2 a:hover,.con .list_news ul li .tj a:hover{color:#fff;}
.con .list_news ul li .new_kp .news_d1 span{ float:right;}
.con .list_news ul li .new_kp .news_d2 a{ font-size:12px; color:#666;}
.con .list_news ul li .new_kp .news_d2{font-size:12px;}

.con .list_news ul li .new dt img{ margin:7px; width:342px; height:240px;border:0px solid #ccc;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */ color:#fff;}
.con .list_news ul li .new dd{ margin:10px 10px;font-size:13px;}
.con .list_news ul li .new .news_d1{ font-size:15px;}
.con .list_news ul li .new .news_d1 a:hover,.con .list_news ul li .news .news_d2 a:hover,.con .list_news ul li .tj a:hover{color:#fff;}
.con .list_news ul li .new .news_d1 span{ float:right;}
.con .list_news ul li .new .news_d2{ font-size:12px; height:52px;}
.con .list_news ul li .new .news_d2 a:hover{color:#fff;}

.con .list_news ul li .tj{ text-align:center; line-height:40px; height:40px; border-top:1px solid #ccc;}
.con .list_news ul li .tj a{ padding:0px 20px;}
.con .arl_news{ background:#fff; padding:10px 0px;}
.con .arl_news .title{ text-align:center; padding-top:20px;}
.con .arl_news .title h2{ font-size:30px; color:#333;}
.con .arl_news .title p{ font-size:15px; color:#999;}
.con .arl_news p{ margin:10px 20px; color:#666; line-height:20px;word-break:break-all;}
.con .arl_news .share{ }
.text_d{ text-align:center; height:175px; padding-left:170px;}
.text_d a{display: block;float: left;padding:10px 0px; width:150px; height:23px; border:1px solid #999;font-size:15px; margin:50px 10px 0px 10px;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.text_d a:hover{background:#ff3600; color:#fff; font-size:15px;border:1px solid #ff3600;font-size:15px;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.text_d .zhan{margin-top: 0px;color: #fff;padding-top: 90px;height: 55px; border:none; background:url(../images/zhan_pic1.png) no-repeat 7px 0px; cursor: pointer;opacity: 0.85;}
.text_d .zhan span{ }
.text_d .zhan:hover{background:url(../images/zhan_pic.png) no-repeat 3px 0px;color:#666;border:none;color: #666;}
.con .box6{height:560px; margin-top: 30px;}
.con .box6 .box6_q{ height:530px; background:#fff;}
.con .box6 .box6_q img{ width:270px; height:125px;}
.con .box6 .box6_q .box6_1{ margin:auto 15px;}
.con .box6 .box6_q .box6_1 h2{ height:40px; line-height:40px;}
.con .box6 .box6_q .box6_1 h2 a{ font-size:20px; color:#000;}
.con .box6 .box6_q .box6_1 ul li{ margin-top:10px;}
.con .box6 .box6_q .box6_1 ul li span{ width: 4px;height: 4px;float: left;background-color: #999;margin: 9px 8px 0 0px;}
.con .box6 .box6_q .box6_1 ul li a{ font-size:15px;}
.con .box6 .server{ text-align:center; height:42px;display: inline;}
.con .box6 .server a{margin-left: 560px;display: block;width: 60px; padding:10px 40px;border:1px solid #999;font-size:15px;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.con .box6 .server a:hover{background:#ff3600; color:#fff; font-size:15px;border:1px solid #ff3600;font-size:15px;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.con .arl_news .line{ height:1px; background:#cbcbcb; margin:20px;}

.con_anli {display:block;}
.con_anli .anli_bg img{width:100%; height:2200px;}
.con_anli .arl_anli{ text-align:center;width:100%;}
.con_anli .arl_anli h2{ font-size:20px; line-height:30px;margin-bottom: 20px;}
.con_anli .arl_anli p{ font-size:14px; line-height:25px; color:#666;}
.con_anli .arl_anli .al_logo img{ margin-top:60px;}
.con_anli .arl_anli p img{ margin:20px 0px; text-align:center;}
.con_anli .arl_anli p{ width:100%;}

.al_left{ position: fixed; left:5%; top:50%; z-index:1000;}
.al_right{position: fixed; right:5%; top:50%; z-index:1000;}


/*  ---  底部样式  ---  */
.area{}
.mt{ text-align:center; padding-top:10px;}
.mt h2{ line-height:40px; font-size:30px; color:#ff4a00;}
.mt h2.bt0{ border-bottom:0;}
.mt .text{ line-height:18px; color:#757575; padding-top:5px;}
.inPartner{}
.inPartner ul{ overflow:hidden;}
.inPartner ul li{ text-align:center; float:left; padding:0px 7px;}
.inPartner ul li img{ border:1px solid #999; padding:3px; background:#fff;border-radius:5px;-moz-border-radius:5px; /* Old Firefox */}
.inPartner ul li p{ color:#666; padding-top:10px;}

#inFooter{ border-top:3px solid #ff4a00; padding-top:43px; background:#393939;}
.inService{ padding-bottom:40px;}
.inService dl{ float:left; width:230px;}
.inService dl dt{ float:left; margin-right:15px;}
.inService dl .dd1{ font-size:20px; color:#fff; margin-top:13px;}
.inService dl .dd2{ font-size:12px; color:#fff;margin-top:3px;}
.inService .right_dl{ margin-left:93px;}

.inSemap{ border-top:1px solid #fff;}
.inSemap dl{ float:left;width:185px;}
.inSemap dl dt{ color:#fff; font-size:20px; padding-bottom:10px;}
.inSemap dl dd{ line-height:24px; font-size:14px;}
.inSemap dl dd,.inSemap dl dd a{ color:#fff;}
.inSemap dl dd a:hover{ color:#ff4a00;}
.inSemap dl dd span{ padding-left:15px;}
.inSemap .right_dd{ margin-left:152px;}
.inShare{ height:65px;}
.inShare .p1,.inShare .p2,.inShare ul li{ float:left;}
.inShare ul{ width:300px;}
.inShare ul li{ margin:0px 20px; width:153px;}
.inShare a{padding:65px 76px 86px 76px; margin:0px 17px;display: block;float: left;}
.inShare .share1{background:url(../images/footer_pic1.png) no-repeat;}
.inShare .share1:hover{background:url(../images/footer_pic11.png) no-repeat;}
.inShare .share2{background:url(../images/footer_pic2.png) no-repeat;}
.inShare .share2:hover{background:url(../images/footer_pic22.png) no-repeat;}
.inShare .share3{background:url(../images/footer_pic3.png) no-repeat;}
.inShare .share3:hover{background:url(../images/footer_pic33.png) no-repeat;}
.inShare .p1,.inShare .p2{ font-size:20px; color:#fff;margin-top:15px;}
.inShare .p1{ margin-left:120px; }
.inShare .p2{ margin-right:145px;float: right;}
.company{ width: 1200px;margin: 0 auto; color:#fff; font-size:15px;text-align:center}

/*online qq*/

.online_q {  position: fixed; right: 0px; bottom: 30%; z-index: 9999; }
.online_q .btn2{width:73px; height:73px; margin-bottom:5px; cursor:pointer; position:relative; font-size:12px; transition:.3s;}
.online_q .btn-top{ }
.online_q .btn2 span{display:block; width:100%; height:100%; text-align:center; border-radius:3px; position:relative; padding-top:49px; z-index:999; overflow:hidden; transition:.3s; -webkit-transition:.3s; font-size:12px; color:#fff;}
.online_q .btn-qq span{background:url(../images/piaofu_qq.png) center 11px no-repeat #0869ac;}
.online_q .btn-tel span{background:url(../images/piaofu_tel.png) center 11px no-repeat #0869ac; }
.online_q .btn-weixin span{ background:url(../images/piaofu_weixin.png) center 11px no-repeat #0869ac; }
.online_q .btn-top span{ background:url(../images/piaofu_top.png) center no-repeat #fff;  }

.online_q .open.pic{ position:absolute; background:#0869ac; width:100px; height:100px; right:100px; top:50%; margin-top:-50px; text-align:right; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.pic:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-15px; top:50%; margin-top:-10px;}
.online_q .open.pic img{ width:80px; height:80px; margin-top:10px; margin-right:10px;}
.online_q .btn2:hover .open.pic{ opacity:1; right:90px;visibility:visible;}

.online_q .open.tel{ position:absolute; background:#0869ac; width:160px; height:50px; border-radius:20px; color:#fff; font-size:18px; font-family:arial; text-align:center; line-height:50px; right:100px; top:50%; margin-top:-25px; opacity:0; transition: .6s; -webkit-transition: .6s; visibility:hidden;}
.online_q .open.tel:before{ content:""; display:block; width:0; height:0; border:10px solid transparent; border-left:10px solid #0869ac; position:absolute; right:-16px; top:50%; margin-top:-10px;}
.online_q .btn2:hover .open.tel{ opacity:1; right:90px;visibility:visible;}